page-pcontent {


    .mb10{
        margin-bottom: 20px;
    }

    .all-contnet{
        
            .tabs1{
                
                .tabs1-img{
                    width: 100%;
                    height: 200px;
                    
                    img{
                        width: 100%;
                        height: 200px;}
                }
                .tabs1-content{
                    
                    // padding: 10px 0;
                    .tabs1-content-title{
                        // margin: 20px 0;
                        background: #efefef;
                        h2{
                            font-size: 20px;
                            margin: 0px;
                            text-align: center;
                            font-weight: bolder;
                            padding: 20px 0 0 0;
                        }
                        p{
                            font-size: 14px;
                            color: #666;
                            text-indent: 2em;
                            padding: 5px 0;
                            text-align: justify;
                        }
                    }
                    .tabs1-content-money{
                        background: #efefef;
                        .oldmoney{
                            color: #666;
                        }
                        .nowmoney{
                            margin-left: 20px;
                            font-size: 24px;
                            color: #f23030;
                        }
                    }

                    .other{
                        padding: 10px 0;
                        background: #efefef;
                        .color{
                            padding-bottom: 10px;
                            span{
                                display: inline-block;
                                padding: 5px 5px;
                                margin-right: 5px;
                                border: 1px solid rgb(230, 211, 211);
                                border-radius: 5px;
                                margin-bottom: 5px;
                            }
                            .active{
                                border: #f23030 solid 1px;
                            }
                        }
                        .number{
                            .cart-info{
                                display: flex;
                    
                                .money{
                                    flex: 1;
                                    padding: 0px 10px 0 0;
                                }
                                .add{
                                    width: 100px;
                                    display: flex;
                                    .add-left,.add-right{
                                        width: 20px;
                                        text-align: center;
                                        height:20px;
                                        line-height: 20px;
                                        border: 1px solid #eee;
                                        background-color: #eee;
                                    }
                                    .add-text{
                                        flex: 1;
                                        input{
                                            width: 100%;
                                            height:20px;
                                            text-align: center;
                                            border: 1px solid #eee;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .tabs2{}
            .tabs3{}
        
    }





    //底部的tab切换

.footer_bar{
    display: flex;
    height: 40px;
    .carticon{
        position: relative;
        width:6.6rem;
        text-align: center;

        ion-icon{
            color:#999;
            font-size: 2.8rem;
            height: 40px;
            margin-top: 5px;
        }

        // p{
        //     color:#999;
        //     font-size: 3px;
        //     position:absolute;
        //     top: 20px;
        //     left: 20px
        // }
        ion-badge{
            position:absolute;
            right:5px;
            top:2px;
        }
    }    
    .addcart{
        flex:1;
        height:4.4rem;
        line-height: 4.4rem;
        text-align: center;
        color:#fff;
        background: orange;
        font-size: 1.6rem;
      

    }
    .buy{
        flex:1;
        height:4.4rem;
        line-height: 4.4rem;
        text-align: center;
          color:#fff;
        background: red;
        font-size: 1.6rem;
     
    }
}


}

ul{
    li{
        list-style: none;
    }
}
